import React from "react";
import {IconBytedanceLogo} from "@douyinfe/semi-icons";
import {Layout} from "@douyinfe/semi-ui";

const GlobalFooter:React.FC=()=>{
    const {Footer}=Layout;
    return (<Footer
        style={{
            display: 'flex',
            justifyContent: 'space-between',
            padding: '20px',
            color: 'var(--semi-color-text-2)',
            backgroundColor: 'rgba(var(--semi-grey-0), 1)',
        }}
    >
                <span
                    style={{
                        display: 'flex',
                        alignItems: 'center',
                    }}
                >
                    <IconBytedanceLogo size="large" style={{ marginRight: '8px' }} />
                    <span>Copyright © 2023 ByteDance. All Rights Reserved. </span>
                </span>
        <span>
                    <span style={{ marginRight: '24px' }}>平台客服</span>
                    <span>反馈建议</span>
                </span>
    </Footer>)
}
export default GlobalFooter;
